<cfsilent>

</cfsilent>
<cfoutput>
	<cfsavecontent variable="page">
		<style>
			.member-thumbnail{
				display:inline-block;
			}
			.member-thumbnail img{
				float:none;
				display:inline-block;
				margin-left:0px;
				opacity:1;
				border:3px solid rgb(102,166,236);
			}
			.member-name{
				width:219px;
				text-align:left;
				display:inline-block;
				height:28px;
				vertical-align:top;
				background-color:rgb(102, 166, 236);
				margin-top:3px;
				padding-left:5px;
				padding-top:10px;
				font-size:13px;
				color:white;
				text-align:center;
				padding-right:5px;
			}
			.member.red > .member-name{
				background-color:rgb(216, 128, 128);
			}
			.member.red > .member-thumbnail img{
				border:3px solid rgb(216, 128, 128);
			}
		</style>
		
		<div class="header variable-width">
			<i class="fa fa-home" onclick="Main.nav('home');"></i>
			<div class="header-title">Craftivity Groups</div>
			#$.render.img(path="craftivity/widget_icons/lightbulb.png")#</br>
		</div>
		
		<div class="widget short">
			<div class="widget-form-title">Your Group</div>
			#$.run.it('craftivityView.renderInput',{name="group_name",value="The Success Squad"})#
			#$.run.it('craftivityView.renderTextarea',{name="group_bio",value="We're a Minneapolis based group of full-time makers and crafters."})#
			<button class="red right">leave group</button>
		</div>
		
		<div class="widget short">
			<div class="widget-form-title">Members 4/10 = 25% discount</div>
			<div class="member">
				<div class="member-thumbnail">
					<img src="/assets/media/craftivity/thumb1.jpg">
				</div>
				<div class="member-name">
					Tim Bradley @ Gravity Bar
				</div>
			</div>
			
			<div class="member red">
				<div class="member-thumbnail">
					<img src="/assets/media/craftivity/thumb2.jpg">
				</div>
				<div class="member-name">
					Sarah Conner @ Create-a-Fist
				</div>
			</div>
			
			<div class="member">
				<div class="member-thumbnail">
					<img src="/assets/media/craftivity/thumb3.jpg">
				</div>
				<div class="member-name">
					Phil Stephanopolous @ Pity Puppy
				</div>
			</div>
			
			<div class="member red">
				<div class="member-thumbnail">
					<img src="/assets/media/craftivity/thumb4.jpg">
				</div>
				<div class="member-name">
					Diva Hendricks @ Petunia
				</div>
			</div>
			
			<div class="member">
			</div>
			<div class="member">
			</div>
			<div class="member">
			</div>
			<button class="red right">Add Member</button>
		</div>
	</cfsavecontent>
	
	#$.run.it("craftivityView.renderPage",{centerContent=page})#
</cfoutput>